<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>PrimeFaces</title>
                <link rel="stylesheet" href="estilos.css" type="text/css" />
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true">
                    <div id="Encabezado" ></div>
                </p:layoutUnit>
                <p:layoutUnit position="west" size="175" header="Left" collapsible="true">
                    <p:menu>
                        <p:submenu label="Resources">
                            <p:menuitem value="Gestionar Usuarios" url="UsuarioView.xhtml" />
                            <p:menuitem value="Ver Usuarios" url="UsuarioDatosView.xhtml" />
                        </p:submenu>

                    </p:menu>
                </p:layoutUnit>

                <p:layoutUnit position="center">
                    <h:form id="frmDataUsuario">
                        <h:panelGrid columns="1">
                            <p:panel header="Exportar tabla" style="text-align: center">
                                <h:commandLink>
                                    <p:graphicImage value="/imagenes/pdf.jpg" width="50" height="50" />
                                    <p:dataExporter type="pdf" target="dataTable" fileName="Usuarios" />
                                </h:commandLink>
                                <h:commandLink>
                                    <p:graphicImage value="/imagenes/excel.jpg" width="50" height="50" />
                                    <p:dataExporter type="xls" target="dataTable" fileName="Usuarios" />
                                </h:commandLink>
                                <h:commandLink>
                                    <p:graphicImage value="/imagenes/csv.jpg" width="50" height="50" />
                                    <p:dataExporter type="csv" target="dataTable" fileName="Usuarios" />
                                </h:commandLink>
                                <h:commandLink>
                                    <p:graphicImage value="/imagenes/xml.jpg" width="50" height="50" />
                                    <p:dataExporter type="xml" target="dataTable" fileName="Usuarios" />
                                </h:commandLink>
                            </p:panel>
                        </h:panelGrid>
                        <br/>
                        <p:dataTable id="dataTable" var="usu" value="#{usuariobean.lst_usuario}"  
                                     paginator="true" rows="10"  
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                     rowsPerPageTemplate="5,10,15">  
                            <f:facet name="header">  
                                USUARIOS REGISTRADOS EN EL SISTEMA TRACK COMPRAS  
                            </f:facet>  

                            <p:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Id Usuario" />  
                                </f:facet>  
                                <h:outputText value="#{usu.idUsuario}" />  
                            </p:column>  

                            <p:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Perfil" />  
                                </f:facet>  
                                <h:outputText value="#{usu.perfil.idPerfil}" />  
                            </p:column>  

                            <p:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Nommbre" />  
                                </f:facet>  
                                <h:outputText value="#{usu.nombreUsuario}" />  
                            </p:column>  

                            <p:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Apellido" />  
                                </f:facet>  
                                <h:outputText value="#{usu.apellidoUsuario}" />  
                            </p:column> 
                            
                            <p:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Correo" />  
                                </f:facet>  
                                <h:outputText value="#{usu.correoUsuario}" />  
                            </p:column> 
                            
                            <p:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Codigo Usuario" />  
                                </f:facet>  
                                <h:outputText value="#{usu.codigoUsuario}" />  
                            </p:column> 
                            
                            <p:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Clave Usuario" />  
                                </f:facet>  
                                <h:outputText value="#{usu.claveUsuario}" />  
                            </p:column> 
                            
                            <p:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Estado en el sistema" />  
                                </f:facet>  
                                <h:outputText value="#{usu.estadoUsuario}" />  
                            </p:column> 
                            
                            <p:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Estado en el sistema" />  
                                </f:facet>  
                                <h:outputText value="#{usu.estadoUsuario}" />  
                            </p:column> 
                            
                            <p:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Fecha ingreso" />  
                                </f:facet>  
                                <h:outputText value="#{usu.fechaAltaUsuario}" />  
                            </p:column> 
                            
                            <p:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Fecha desactivacion" />  
                                </f:facet>  
                                <h:outputText value="#{usu.fechaBajaUsuario}" />  
                            </p:column> 

                        </p:dataTable>  
                    </h:form>
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>

